<template>
  <div id="app" :style="screen">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: "app",
  computed: {
    screen() {
      return {
        minWidth: window.outerWidth - 5 + "px"
      };
    }
  },
  methods: {},
  beforeMount() {
    this.$Spin.show();
  },
  created() {
    setTimeout(() => {
      this.$Spin.hide();
    }, 2000);
  }
};
</script>


<style lang="less">
html,
body {
  margin: 0;
  padding: 0;
  background: rgb(245, 245, 245);
  user-select: none;
  font-family: "微软雅黑", "黑体";
}
body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
body::-webkit-scrollbar-thumb {
  background: #2b303b;
}
body::-webkit-scrollbar-track {
  background: #8d929c;
}
</style>
